{extend name="base" /}
{block name="main"}
<div class="container Wauto">
    <div class="bnBox cateBn">
        {ld:slide name="news_banner"}
        <div class="cateBnImg" style="background-image: url({$item.image})">

        </div>
        {/ld:slide}
    </div>
    <div class="main w1200">
        <div class="article w1">
            <div class="archive-top anim fadeInUp">
                <div class="archive-title">
                    <h1 itemprop="headline">{$category.name}</h1>
                    <span></span>
                </div>
                <div class="archive-description">
                    <p>{$category.seo_description}</p>
                </div>
            </div>
            <div class="subcate anim fadeInUp" data-wow-delay=".3s">
                <div id="subcate" data-type="category" data-infoid="2">
                    <ul>
                        {ld:sort pid="$topid" }<li class="{if $item['id']==$category['id']}active{/if}"><a
                                href="{$item.url}">{$item.name}</a></li>{/ld:sort}
                    </ul>
                </div>
            </div>
            <div class="post news top">
                <div class="PostNews">
                    <ul>
                        {ld:list ext="content,test"}
                        <li data-id="{$item.id}" class="anim fadeInUp">
                            <div class="post-img loading">
                                <a class="pic float-left" href="{$item.url}" title="{$item.title}" rel="bookmark">
                                    <div class="msk"></div>
                                    <i class="fa fa-search"></i>
                                    <img class="b-lazy" src="{$item.image}" data-src="{$item.image}"
                                        alt="{$item.title}" />
                                </a>
                            </div>
                            <h4><a href="{$item.url}" title="{$item.title}">{$item.title}</a></h4>
                            <span class="time"><i class="fa fa-clock-o"></i> {$item.show_time} </span> <span><i
                                    class="fa fa-eye fa-fw"></i>{$item.visits}</span>
                            <p>{$item.description|ld_str_cut="60"}</p>
                        </li>
                        {/ld:list}
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="text-center">{$pages}</div>
        </div>
    </div>
</div>
{/block}